#songs {
    background-color:rgba(0,0,0,0.3);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    overflow: hidden;
}
#songs>h4{
    display: flex;
    margin:0;
    padding:20px 20px;
}
#songs>h4 span {
    font:30px/40px "";
    padding-top:6px;
    margin-left:16px;
}
#songs>h4 img {
    width:40px;
    height:40px;
    display: block;
}


  #songs>img{
      display:block;
      width:400px;
      height:400px;
      margin:100px 0 40px 170px;
      border-radius:50%;
  }

  #songs>audio{
      margin-left:40px;
      margin-top:20px;
  }
  #songs>h3{
      height:50px;
      font:40px/50px "";
      width:100%;
      text-align:center;
      color:greenyellow;
  }

/*动画旋转 */

  #songs .running{
    animation: img 8s linear infinite;
  }
  @keyframes img {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  /* .running{
    animation-play-state:running;
  } */

  #songs>h2{
      margin-top:140px;
      display: flex;
      justify-content: space-around;
  }
  #songs>h2 img{
      width:60px;
      height:60px;
  }
  #songs #show{
    position: fixed;
    top:500px;
    height:837px;
    width:100%;
    background:rgba(12,33,23,0.8)
  }

  #songs #show>p{
    height:60px;
    font:36px/60px "";
    text-align: center;
    margin:0;
    color: salmon;
    padding-top:10px;
  }
  #songs #show>ul{
    list-style:none;
    height:630px;
    overflow-y:auto;
  }
  #songs #show>ul>li{
    display: flex;
    height:150px;
  }
  #songs #show>ul>li img{
    width:80px;
    height:80px;
    border-radius:20px;
  }
  #songs #show>ul>li span {
    display: block;
    padding-left:30px;
    color:rgb(153, 38, 82);
    font-size:30px;
    margin-bottom:20px;
  }
  #songs #show>ul>li span i{
    color:yellowgreen;
  }
  #songs #show>ul>li b{
    display: block;
    width:400px;
    height:100px;
    overflow-y:auto;
    padding-left:30px;
    font-size:30px;
    color:rgb(153, 38, 82);
  }
  #songs #show>ul>li b i{
    color:yellowgreen;
  }

  #songs #show #submit{
    position:absolute;
    bottom:50px;
  }

  #songs #show #submit input{
    width:350px;
    height:60px;
    border:0;
    margin-left:100px;
    border-radius:40px;
    text-align: center;
  }
  #songs #show #submit button{
    width:80px;
    height:60px;
    box-sizing: content-box;
    background-color:yellowgreen;
    border:0;
    border-radius:40px;
    margin-left:50px;
  }

#show #san img{
    display: block;
    width:60px;
    height:60px;
    position:absolute;
    left:20px;
    top:10px;
  }